<!--发布约伴而行页面-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>向往的生活家——挑选农家</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/user/logo.ico" />
		<!-- 引入 Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link rel="stylesheet" href="css/base.css" />
        <!--导航样式-->
        <link rel="stylesheet" href="css/navigation.css"/>
        <!--主页样式-->
        <link rel="stylesheet" href="css/index.css" />
        <!--本页样式-->
        <link rel="stylesheet" href="css/farmer'sfamily/yq_fond.min.css" />
        <link rel="stylesheet" href="css/farmer'sfamily/farmer'sform.css" />
        <style type="text/css">
        	.laydate_body .laydate_ym input {
			     margin-top: 0px!important; 
			}
        </style>
        <script type="text/javascript">
		
			//返回上一步
			function returnlost(){
				window.location.href="found.do?type=query";
			}
			function validate() {
				var headShot = document.getElementById("found_pic");
				if (headShot.value == "") {
					alert("请选择要上传的头像！");
					headShot.focus();
					return false;
				}
				return true;
			}
			
			function showimage(obj){
				//判断是否支持FileReader
		      if (window.FileReader) {
		          var reader = new FileReader();
		      } else {
		          alert("您的设备不支持图片预览功能，如需该功能请升级您的设备！");
		      }
		
		      //获取文件
		      var file = obj.files[0];
		      var imageType = /^image\//;
		      //是否是图片
		      if (!imageType.test(file.type)) {
		          alert("请选择图片！");
		          //return;
		      }
		      //读取完成
		      reader.onload = function(e) {
		          //获取图片dom
		          var img = document.getElementById("pic");
		          //图片路径设置为读取的图片
		          img.src = e.target.result;
		      };
		      reader.readAsDataURL(file);
			
			}
		      
		</script>
	</head>
	<body>
		<script type="text/javascript" src="js/top.js" ></script>
		
		<!--主体 start-->
		<div class="wap-container">			
			<div class="container ui-sortable">
				<h1>寻找旅游伙伴吧！</h1>
				<!--<p>开始寻找之旅！</p>-->
				<div class="panel panel-default">
					<div class="panel-header">挑选农家</div>
					<div class="panel-body">
						<form action="" method="post" class="form form-horizontal responsive" id="demoform">
							<!--城市选择 start-->
							<div class="row cl">
								<label class="form-label col-xs-3">出&nbsp;发&nbsp;地：</label>
								<div class="formControls col-xs-8">
									<input type="text" autocomplete="off" class="input-text" value="" size="15" id="homecity_name" name="homecity_name" mod="address|notice" mod_address_source="hotel" mod_address_suggest="@Beijing|北京|53@Shanghai|上海|321@Shenzhen|深圳|91@Guangzhou|广州|80@Qingdao|青岛|292@Chengdu|成都|324@Hangzhou|杭州|383@Wuhan|武汉|192@Tianjin|天津|343@Dalian|大连|248@Xiamen|厦门|61@Chongqing|重庆|394@" mod_address_reference="cityid" mod_notice_tip="中文/拼音" />
    								<input id="cityid" name="cityid" type="hidden" value="{$cityid}" />
								</div>
							</div>
							
							<div class="row cl">
								<label class="form-label col-xs-3">目&nbsp;的&nbsp;地：</label>
								<div class="formControls col-xs-8">
									<input type="text" autocomplete="off" class="input-text"  value="" size="15" id="getcity_name" name="getcity_name" mod="address|notice" mod_address_source="hotel" mod_address_suggest="@Beijing|北京|53@Shanghai|上海|321@Shenzhen|深圳|91@Guangzhou|广州|80@Qingdao|青岛|292@Chengdu|成都|324@Hangzhou|杭州|383@Wuhan|武汉|192@Tianjin|天津|343@Dalian|大连|248@Xiamen|厦门|61@Chongqing|重庆|394@" mod_address_reference="getcityid" mod_notice_tip="中文/拼音" />
    								<input id="getcityid" name="getcityid" type="hidden" value="{$getcityid}" />
								</div>
							</div>
							
							<div id="jsContainer" class="jsContainer" style="height:0">
							  <div id="tuna_alert" style="display:none;position:absolute;z-index:999;overflow:hidden;"></div>
							  <div id="tuna_jmpinfo" style="visibility:hidden;position:absolute;z-index:120;"></div>
							</div>
							<!--城市选择 end-->
							
							<div class="row cl">
								<label class="form-label col-xs-3">出发时间：</label>
								<div class="formControls col-xs-8">
									<div class="demo1">
										<input class="laydate-icon input-text" id="demo" value="" placeholder="出发时间" autocomplete="off"> 
									</div>
								</div>
							</div>
							
							<div class="row cl">
								<label class="form-label col-xs-3">出行人数：</label>
								<div class="formControls col-xs-8">
									<input type="text" class="input-text" placeholder="出行人数" name="found_phone"  autocomplete="off">
								</div>
							</div>
							
							<div class="row cl">
								<label class="form-label col-xs-3">游玩天数：</label>
								<div class="formControls col-xs-8">
									<select class="select" size="1" name="">
								        <option value="1-2天">1-2天</option>
								        <option value="3-5天">3-5天</option>
								        <option value="6-9天">6-9天</option>
								        <option value="10天以上">10天以上</option>
								    </select>
								</div>
							</div>
							
							<div class="row cl">
								<label class="form-label col-xs-3">联系电话：</label>
								<div class="formControls col-xs-8">
									<input type="text" class="input-text" placeholder="联系电话" name="found_phone"  autocomplete="off">
								</div>
							</div>
							
							<div class="row cl">
								<label class="form-label col-xs-3">您的称呼：</label>
								<div class="formControls col-xs-8">
									<input type="text" class="input-text" value="" placeholder="您的称呼" autocomplete="off" id="datetimepicker1" name="found_date">
								</div>
							</div>
							
							<!--农家乐图片-->						
							<div class="row cl">
								<label class="form-label col-xs-3">目的地图：</label>
								<div class="formControls col-xs-8">
									<div style="" class="uploade"><img src="<%=basePath %>img/a2.jpg" id="pic" width="120px" height="120px">
										<div >
											<input name="found_pic" id="found_pic" type="file" value="上传照片" onchange="showimage(this)">
										</div>
									</div>
								</div>
							</div>
							
							<div class="row cl">
								<label class="form-label col-xs-3">约伴说明：</label>
								<div class="formControls col-xs-8">
									<textarea cols="" rows="" class="textarea" name="found_brief" id=""  placeholder="说点什么...最少输入10个字符"></textarea>
								</div>
							</div>
							
							<div class="row cl">
								<div class="col-xs-8 col-xs-offset-3">
									<input class="btn btn-primary" type="submit" value="&nbsp;&nbsp;发布约伴&nbsp;&nbsp;">
									&nbsp;&nbsp;&nbsp;&nbsp;
									<input class="btn btn-primary" type="button" value="&nbsp;&nbsp;返回上一页&nbsp;&nbsp;" onclick="window.location.href='farmersfamily.html'">
								</div>
							</div>	
							
						</form>
					</div>
				</div>		
			</div>
		</div>
	
		
		<!--主体 end-->
		
		<!--返回顶部-->	
		<div class="gotop" style="display: none;">
	        <span><img src="img/top.png" ></span>
	    </div>	
		<!--返回顶部-->
		<script type="text/javascript" src="js/foot.js" ></script>
		
	</body>
	
	<!--引用js-->
    <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
    <!--滚动 js-->
    <script type="text/javascript" src="js/wow.min.js" ></script>
    <!--首页 js--> 
    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
    <!--本页 js-->
    <!--城市 js-->
    <script type="text/javascript" src="js/farmer'sfamily/fixdiv.js" ></script>
    <script type="text/javascript" src="js/farmer'sfamily/address.js" ></script>
    <!--时间 js-->
    <script src="laydate/laydate.js"></script>
    <script type="text/javascript" src="js/farmer'sfamily/date.js" ></script>
    <script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
    
</html>
